html {
	color: #333;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizelegibility;
	font-family: Helvetica Neue, PingFang SC, Verdana, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif
}

html.borderbox *,
html.borderbox :after,
html.borderbox :before {
	box-sizing: border-box
}

article,
aside,
blockquote,
body,
button,
code,
dd,
details,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
	display: block
}

audio,
canvas,
video {
	display: inline-block
}

body,
button,
input,
select,
textarea {
	font: 300 1em/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, Helvetica, sans-serif
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,
img {
	border: 0
}

blockquote {
	position: relative;
	color: #999;
	font-weight: 400;
	border-left: 1px solid #1abc9c;
	padding-left: 1em;
	margin: 1em 3em 1em 2em
}

@media only screen and (max-width:640px) {
	blockquote {
		margin: 1em 0
	}
}

abbr,
acronym {
	border-bottom: 1px dotted;
	font-variant: normal
}

abbr {
	cursor: help
}

del {
	text-decoration: line-through
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 400
}

ol,
ul {
	list-style: none
}

caption,
th {
	text-align: left
}

q:after,
q:before {
	content: ""
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}

:root sub,
:root sup {
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

a {
	color: #1abc9c
}

a:hover {
	text-decoration: underline
}

.typo a {
	border-bottom: 1px solid #1abc9c
}

.typo a:hover {
	border-bottom-color: #555;
	color: #555
}

.typo a:hover,
a,
ins {
	text-decoration: none
}

.typo-u,
u {
	text-decoration: underline
}

mark {
	background: #fffdd1;
	border-bottom: 1px solid #ffedce;
	padding: 2px;
	margin: 0 5px
}

code,
pre,
pre tt {
	font-family: Courier, Courier New, monospace
}

pre {
	background: hsla(0, 0%, 97%, .7);
	border: 1px solid #ddd;
	padding: 1em 1.5em;
	display: block;
	-webkit-overflow-scrolling: touch
}

hr {
	border: none;
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: .8em;
	height: 10px
}

.typo-small,
figcaption,
small {
	font-size: .9em;
	color: #888
}

b,
strong {
	font-weight: 700;
	color: #000
}

[draggable] {
	cursor: move
}

.clearfix:after,
.clearfix:before {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom: 1
}

.textwrap,
.textwrap td,
.textwrap th {
	word-wrap: break-word;
	word-break: break-all
}

.textwrap-table {
	table-layout: fixed
}

.serif {
	font-family: Palatino, Optima, Georgia, serif
}

.typo-dl,
.typo-form,
.typo-hr,
.typo-ol,
.typo-p,
.typo-pre,
.typo-table,
.typo-ul,
.typo dl,
.typo form,
.typo hr,
.typo ol,
.typo p,
.typo pre,
.typo table,
.typo ul,
blockquote {
	margin-bottom: 1rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: PingFang SC, Helvetica Neue, Verdana, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
	color: #000;
	line-height: 1.35
}

.typo-h1,
.typo-h2,
.typo-h3,
.typo-h4,
.typo-h5,
.typo-h6,
.typo h1,
.typo h2,
.typo h3,
.typo h4,
.typo h5,
.typo h6 {
	margin-top: 1.2em;
	margin-bottom: .6em;
	line-height: 1.35
}

.typo-h1,
.typo h1 {
	font-size: 2em
}

.typo-h2,
.typo h2 {
	font-size: 1.8em
}

.typo-h3,
.typo h3 {
	font-size: 1.6em
}

.typo-h4,
.typo h4 {
	font-size: 1.4em
}

.typo-h5,
.typo-h6,
.typo h5,
.typo h6 {
	font-size: 1.2em
}

.typo-ul,
.typo ul {
	margin-left: 1.3em;
	list-style: disc
}

.typo-ol,
.typo ol {
	list-style: decimal;
	margin-left: 1.9em
}

.typo-ol ol,
.typo-ol ul,
.typo-ul ol,
.typo-ul ul,
.typo li ol,
.typo li ul {
	margin-bottom: .8em;
	margin-left: 2em
}

.typo-ol ul,
.typo-ul ul,
.typo li ul {
	list-style: circle
}

.typo-table td,
.typo-table th,
.typo table caption,
.typo table td,
.typo table th {
	border: 1px solid #ddd;
	padding: .5em 1em;
	color: #666
}

.typo-table th,
.typo table th {
	background: #fbfbfb
}

.typo-table thead th,
.typo table thead th {
	background: hsla(0, 0%, 95%, .7)
}

.typo table caption {
	border-bottom: none
}

.typo-input,
.typo-textarea {
	-webkit-appearance: none;
	border-radius: 0
}

.typo-em,
.typo em,
caption,
legend {
	color: #000;
	font-weight: inherit
}

.typo-em {
	position: relative
}

.typo-em:after {
	position: absolute;
	top: .65em;
	left: 0;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	content: "\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB\30FB"
}

.typo img {
	max-width: 100%
}

.common-content {
	font-weight: 400;
	color: #353535;
	line-height: 1.75rem;
	white-space: normal;
	word-break: normal;
	font-size: 1rem
}

.common-content img {
	display: block;
	max-width: 100%;
	background-color: #eee
}

.common-content audio,
.common-content video {
	width: 100%;
	background-color: #eee
}

.common-content center,
.common-content font {
	margin-top: 1rem;
	display: inline-block
}

.common-content center {
	width: 100%
}

.common-content pre {
	margin-top: 1rem;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	overflow: hidden
}

.common-content pre code {
	font-size: .8rem;
	font-family: Consolas, Liberation Mono, Menlo, monospace, Courier;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding-left: 1rem;
	padding-right: 1rem;
	overflow-x: auto
}

.common-content hr {
	border: none;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	border-top: 1px solid #f5f5f5;
	height: 1px;
	background: none
}

.common-content b,
.common-content h1,
.common-content h2,
.common-content h3,
.common-content h4,
.common-content h5,
.common-content strong {
	font-weight: 700
}

.common-content h1,
.common-content h2 {
	font-size: 1.125rem;
	margin-bottom: .45rem
}

.common-content h3,
.common-content h4,
.common-content h5 {
	font-size: 1rem;
	margin-bottom: .45rem
}

.common-content p {
	font-weight: 400;
	color: #353535;
	margin-top: .15rem
}

.common-content .orange {
	color: #ff5a05
}

.common-content .reference {
	font-size: 1rem;
	color: #888
}

.custom-rich-content h1 {
	margin-top: 0;
	font-weight: 400;
	font-size: 15.25px;
	border-bottom: 1px solid #eee;
	line-height: 2.8
}

.custom-rich-content li,
.custom-rich-content p {
	font-size: 14px;
	color: #888;
	line-height: 1.6
}

table.hljs-ln {
	margin-bottom: 0;
	border-spacing: 0;
	border-collapse: collapse
}

table.hljs-ln,
table.hljs-ln tbody,
table.hljs-ln td,
table.hljs-ln tr {
	box-sizing: border-box
}

table.hljs-ln td {
	padding: 0;
	border: 0
}

table.hljs-ln td.hljs-ln-numbers {
	min-width: 15px;
	color: rgba(27, 31, 35, .3);
	text-align: right;
	white-space: nowrap;
	cursor: pointer;
	user-select: none
}

table.hljs-ln td.hljs-ln-code,
table.hljs-ln td.hljs-ln-numbers {
	font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
	font-size: 12px;
	line-height: 20px;
	vertical-align: top
}

table.hljs-ln td.hljs-ln-code {
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
	overflow: visible;
	color: #24292e;
	word-wrap: normal;
	white-space: pre
}

video::-webkit-media-controls {
	overflow: hidden !important
}

video::-webkit-media-controls-enclosure {
	width: calc(100% + 32px);
	margin-left: auto
}

.button-cancel {
	color: #888;
	border: 1px solid #888;
	border-radius: 3px;
	margin-right: 12px
}

.button-cancel,
.button-primary {
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 35px;
	display: inline-block;
	font-size: 15px;
	text-align: center;
	line-height: 36px
}

.button-primary {
	color: #fff;
	background-color: #fa8919;
	border-radius: 3px
}

.gkui-message-content-wrap .gkui-message-close .defaultClose:after,
.gkui-message-content-wrap .gkui-message-close .defaultClose:before {
	transition: all .3s ease
}

.gkui-message-content-wrap {
	position: relative;
	text-align: center
}

.gkui-message-content-wrap .gkui-message-content {
	display: inline-block;
	overflow: hidden;
	padding: 10px 16px;
	margin-bottom: 6px;
	background: #fff;
	font-size: 14px;
	line-height: 14px;
	border-radius: 3px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
	pointer-events: all
}

.gkui-message-content-wrap .gkui-message-loading-prefix {
	display: inline-block;
	margin-right: 4px;
	transform: translateY(2px)
}

.gkui-message-content-wrap .gkui-message-close {
	display: inline-block;
	margin-left: 4px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.gkui-message-content-wrap .gkui-message-close .defaultClose {
	display: inline-block;
	position: relative;
	width: 10px;
	height: 10px
}

.gkui-message-content-wrap .gkui-message-close .defaultClose:after,
.gkui-message-content-wrap .gkui-message-close .defaultClose:before {
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	content: "";
	width: 12px;
	height: 1px;
	background: #8a8a8a
}

.gkui-message-content-wrap .gkui-message-close .defaultClose:before {
	transform: rotate(45deg)
}

.gkui-message-content-wrap .gkui-message-close .defaultClose:after {
	transform: rotate(-45deg)
}

.gkui-message-content-wrap .gkui-message-close .defaultClose:hover:after,
.gkui-message-content-wrap .gkui-message-close .defaultClose:hover:before {
	background: #333
}

.fade-up-enter-active,
.fade-up-leave-active {
	transition: all .4s ease
}

.fade-up-enter,
.fade-up-leave-to {
	opacity: 0;
	transform: translateY(-50%)
}

.fade-up-leave-to {
	height: 0
}

.gkui-message-content-wrap .gkui-message-info {
	border: 1px solid #ddd
}

.gkui-message-content-wrap .gkui-message-success {
	border: 1px solid #666;
	background: #666;
	color: #fff
}

.gkui-message-content-wrap .gkui-message-error {
	border: 1px solid red;
	background-color: red;
	color: #fff
}

@font-face {
	font-family: iconfont;
	src: url(//at.alicdn.com/t/font_372689_yntec4rlp8.eot);
	src: url(//at.alicdn.com/t/font_372689_yntec4rlp8.eot#iefix) format("embedded-opentype"), url(//at.alicdn.com/t/font_372689_yntec4rlp8.woff2) format("woff2"), url(//at.alicdn.com/t/font_372689_yntec4rlp8.woff) format("woff"), url(//at.alicdn.com/t/font_372689_yntec4rlp8.ttf) format("truetype"), url(//at.alicdn.com/t/font_372689_yntec4rlp8.svg#iconfont) format("svg")
}

@font-face {
	font-family: player-font;
	src: url(//at.alicdn.com/t/font_509397_1cyjv4o90qiod2t9.eot);
	src: url(//at.alicdn.com/t/font_509397_1cyjv4o90qiod2t9.eot#iefix) format("embedded-opentype"), url(//at.alicdn.com/t/font_509397_1cyjv4o90qiod2t9.woff) format("woff"), url(//at.alicdn.com/t/font_509397_1cyjv4o90qiod2t9.ttf) format("truetype"), url(//at.alicdn.com/t/font_509397_1cyjv4o90qiod2t9.svg#player-font) format("svg")
}

.iconfont {
	font-family: iconfont !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

html {
	background: #fff;
	min-height: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
	width: 100%
}

body.fixed {
	overflow: hidden;
	position: fixed;
	width: 100vw;
	height: 100vh
}

i {
	font-style: normal
}

a {
	word-wrap: break-word;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:hover {
	text-decoration: none
}

.fade-enter-active,
.fade-leave-active {
	transition: opacity .3s
}

.MathJax,
.MathJax_CHTML,
.MathJax_MathContainer,
.MathJax_MathML,
.MathJax_PHTML,
.MathJax_PlainSource,
.MathJax_SVG {
	outline: 0
}

.ios-app-switch .js-audit {
	display: none
}

.gkui--modal-block-scroll {
	position: absolute;
	overflow: hidden;
	width: 100vw
}

#gkui-modal-controller {
	width: 100%
}

#gkui-modal-controller,
.gkui-modal-layer {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 90000
}

.gkui-modal-layer {
	right: 0;
	bottom: 0;
	background-color: rgba(55, 55, 55, .3)
}

.fade-enter-active,
.fade-leave-active {
	transition: all .3s ease
}

.fade-enter,
.fade-leave-to {
	opacity: 0
}

.gkui-message-list[data-v-99cd8b4a] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	pointer-events: none
}

._2sRsF5RP_0 {
	position: relative
}

._loading_wrap_ {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999
}

._loading_div_class_,
._loading_wrap_ {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

._loading_div_class_ {
	word-wrap: break-word;
	padding: .5rem .75rem;
	text-align: center;
	z-index: 9999;
	font-size: .6rem;
	max-width: 60%;
	color: #fff;
	border-radius: .25rem;
	-ms-flex-direction: column;
	flex-direction: column
}

._loading_div_class_ .message {
	color: #353535;
	font-size: 16px;
	line-height: 3
}

.spinner {
	animation: circle-rotator 1.4s linear infinite
}

.spinner * {
	line-height: 0;
	box-sizing: border-box
}

@keyframes circle-rotator {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(270deg)
	}
}

.path {
	stroke-dasharray: 187;
	stroke-dashoffset: 0;
	transform-origin: center;
	animation: circle-dash 1.4s ease-in-out infinite, circle-colors 5.6s ease-in-out infinite
}

@keyframes circle-colors {
	0% {
		stroke: #fa8919
	}

	to {
		stroke: #fa8919
	}
}

@keyframes circle-dash {
	0% {
		stroke-dashoffset: 187
	}

	50% {
		stroke-dashoffset: 46.75;
		transform: rotate(135deg)
	}

	to {
		stroke-dashoffset: 187;
		transform: rotate(450deg)
	}
}

.confirm-box-wrapper,
.confirm-box-wrapper .mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.confirm-box-wrapper .mask {
	background: rgba(0, 0, 0, .6)
}

.confirm-box-wrapper .confirm-box {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 267px;
	background: #fff;
	transform: translate(-50%, -50%);
	border-radius: 7px
}

.confirm-box-wrapper .confirm-box .head {
	margin: 0 18px;
	font-size: 18px;
	text-align: center;
	line-height: 65px;
	border-bottom: 1px solid #d9d9d9
}

.confirm-box-wrapper .confirm-box .body {
	padding: 18px;
	padding-bottom: 0;
	color: #353535;
	font-size: 12.5px;
	max-height: 150px;
	overflow: auto
}

.confirm-box-wrapper .confirm-box .foot {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	padding: 18px
}

.confirm-box-wrapper .confirm-box .foot .button-cancel {
	border: 1px solid #d9d9d9
}

.hljs {
	display: block;
	overflow-x: auto;
	padding: .5em;
	color: #333;
	background: #f8f8f8
}

.hljs-comment,
.hljs-quote {
	color: #998;
	font-style: italic
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
	color: #333;
	font-weight: 700
}

.hljs-literal,
.hljs-number,
.hljs-tag .hljs-attr,
.hljs-template-variable,
.hljs-variable {
	color: teal
}

.hljs-doctag,
.hljs-string {
	color: #d14
}

.hljs-section,
.hljs-selector-id,
.hljs-title {
	color: #900;
	font-weight: 700
}

.hljs-subst {
	font-weight: 400
}

.hljs-class .hljs-title,
.hljs-type {
	color: #458;
	font-weight: 700
}

.hljs-attribute,
.hljs-name,
.hljs-tag {
	color: navy;
	font-weight: 400
}

.hljs-link,
.hljs-regexp {
	color: #009926
}

.hljs-bullet,
.hljs-symbol {
	color: #990073
}

.hljs-built_in,
.hljs-builtin-name {
	color: #0086b3
}

.hljs-meta {
	color: #999;
	font-weight: 700
}

.hljs-deletion {
	background: #fdd
}

.hljs-addition {
	background: #dfd
}

.hljs-emphasis {
	font-style: italic
}

.hljs-strong {
	font-weight: 700
}

.common-header[data-v-702109a0] {
	height: 65px;
	background: #fff;
	font-family: Avenir, Helvetica, Arial, sans-serif !important;
	border-bottom: 1px solid #eaeaea
}

.common-header .common-header-wrapper[data-v-702109a0] {
	width: 94vw;
	height: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.common-header .common-header-wrapper .common-logo[data-v-702109a0] {
	width: 9.4375rem;
	height: 4.75rem;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain
}

.common-header .common-header-wrapper .info[data-v-702109a0] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.common-header .common-header-wrapper .info .menu[data-v-702109a0] {
	margin-right: 2rem
}

.common-header .common-header-wrapper .info .menu a[data-v-702109a0] {
	padding: .5rem 1rem;
	font-weight: 400;
	color: #555;
	-webkit-transition: color .2s ease;
	transition: color .2s ease
}

.common-header .common-header-wrapper .info .menu a[data-v-702109a0]:link,
.common-header .common-header-wrapper .info .menu a[data-v-702109a0]:visited {
	color: #353535
}

.common-header .common-header-wrapper .info .menu a.on[data-v-702109a0],
.common-header .common-header-wrapper .info .menu a[data-v-702109a0]:hover {
	color: #ff5a05
}

.common-header .common-header-wrapper .info .userinfo[data-v-702109a0] {
	height: 4.75rem;
	line-height: 100%
}

.common-header .common-header-wrapper .info .userinfo .control[data-v-702109a0],
.common-header .common-header-wrapper .info .userinfo[data-v-702109a0] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.common-header .common-header-wrapper .info .userinfo .control a[data-v-702109a0] {
	font-size: 1rem;
	color: #888;
	display: block;
	height: 4.75rem;
	line-height: 4.75rem;
	font-weight: 400
}

.common-header .common-header-wrapper .info .userinfo .control a.mobile[data-v-702109a0] {
	display: none
}

.common-header .common-header-wrapper .info .userinfo .control a[data-v-702109a0]:first-child:after {
	content: "|";
	margin-left: .5rem;
	margin-right: .5rem
}

.common-header .common-header-wrapper .info .userinfo .profile[data-v-702109a0] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

.common-header .common-header-wrapper .info .userinfo .profile .profile-dropdown[data-v-702109a0] {
	visibility: hidden;
	position: absolute;
	width: 9.5rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-shadow: 0 3px 10px 4px rgba(139, 162, 192, .13);
	box-shadow: 0 3px 10px 4px rgba(139, 162, 192, .13);
	top: 5rem;
	right: -1rem;
	border-radius: 6px;
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}

.common-header .common-header-wrapper .info .userinfo .profile .profile-dropdown .arrow[data-v-702109a0] {
	-webkit-box-shadow: 0 0 8px 3px rgba(139, 162, 192, .13);
	box-shadow: 0 0 8px 3px rgba(139, 162, 192, .13);
	cursor: pointer;
	width: .6rem;
	height: .6rem;
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 2rem;
	top: -.3rem
}

.common-header .common-header-wrapper .info .userinfo .profile .profile-dropdown .navbar-item[data-v-702109a0] {
	background: #fff;
	height: 0;
	font-size: .9rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 1.25rem;
	padding-right: 2.3125rem;
	color: #888;
	cursor: pointer;
	position: relative;
	z-index: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 300;
	overflow: hidden;
	-webkit-transition: height .2s ease;
	transition: height .2s ease
}

.common-header .common-header-wrapper .info .userinfo .profile .profile-dropdown .navbar-item.exit[data-v-702109a0] {
	border-top: 1px solid #e9e9e9;
	border-radius: 0 0 6px 6px
}

.common-header .common-header-wrapper .info .userinfo .profile .profile-dropdown .navbar-item.user-info[data-v-702109a0] {
	height: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	border-bottom: 1px solid #e9e9e9;
	border-radius: 6px 6px 0 0
}

.common-header .common-header-wrapper .info .userinfo .profile .profile-dropdown .navbar-item.user-info .username[data-v-702109a0] {
	font-size: .9rem;
	color: #404040;
	font-weight: 400;
	line-height: 1em
}

.common-header .common-header-wrapper .info .userinfo .profile .profile-dropdown .navbar-item.user-info .cellphone[data-v-702109a0] {
	margin-top: 7px;
	line-height: 1em;
	font-size: .75rem;
	color: #b2b2b2;
	font-weight: 400
}

.common-header .common-header-wrapper .info .userinfo .profile .profile-dropdown .navbar-item[data-v-702109a0]:hover {
	background: #f6f7fb
}

.common-header .common-header-wrapper .info .userinfo .profile .profile-dropdown .navbar-item .gc-icon[data-v-702109a0] {
	color: #888;
	font-size: 1rem;
	margin-right: .8rem
}

.common-header .common-header-wrapper .info .userinfo .profile .profile-dropdown .navbar-item .iconfont[data-v-702109a0] {
	display: inline-block;
	width: 14px;
	text-align: center;
	margin-left: 1px;
	font-size: .8rem;
	color: #999;
	margin-right: .8rem
}

.common-header .common-header-wrapper .info .userinfo .profile .profile-dropdown .navbar-item.router-link-active[data-v-702109a0] {
	color: #ff5a05
}

.common-header .common-header-wrapper .info .userinfo .profile .profile-dropdown .navbar-item[data-v-702109a0]:last-child {
	border-bottom: none
}

.common-header .common-header-wrapper .info .userinfo .profile .profile-dropdown.show[data-v-702109a0] {
	visibility: visible
}

.common-header .common-header-wrapper .info .userinfo .profile .profile-dropdown.show .navbar-item[data-v-702109a0] {
	height: 3rem
}

.common-header .common-header-wrapper .info .userinfo .profile .profile-dropdown.show .navbar-item.user-info[data-v-702109a0] {
	height: 4rem
}

.common-header .common-header-wrapper .info .userinfo i.icon-profile[data-v-702109a0] {
	color: #404040;
	font-size: 18px;
	display: block;
	margin-right: .5rem
}

.common-header.opacity[data-v-702109a0] {
	background: transparent;
	border-bottom: none
}

.common-header.black[data-v-702109a0] {
	background: #1e1e1e;
	border-bottom: none
}

.common-header.black .common-header-wrapper .common-logo[data-v-702109a0] {
	background-image: url(https://static001.geekbang.org/static/live/img/logo.bb6fd3f.png)
}

.common-header.black .common-header-wrapper .info .menu a[data-v-702109a0]:link,
.common-header.black .common-header-wrapper .info .menu a[data-v-702109a0]:visited {
	color: #fff
}

.common-header.black .common-header-wrapper .info .menu a[data-v-702109a0]:hover {
	color: #ff5a05
}

.common-header.black .common-header-wrapper .info .profile .profile-dropdown[data-v-702109a0] {
	background: #1e1e1e
}

.common-header.black .common-header-wrapper .info .profile .profile-dropdown .arrow[data-v-702109a0] {
	background-color: #1e1e1e
}

.common-header.black .common-header-wrapper .info .profile .profile-dropdown a[data-v-702109a0] {
	border-bottom: 1px solid #353535
}

.common-header.black .common-header-wrapper .info .profile .profile-dropdown a[data-v-702109a0]:link,
.common-header.black .common-header-wrapper .info .profile .profile-dropdown a[data-v-702109a0]:visited {
	color: #fff
}

.common-header.black .common-header-wrapper .info .profile .profile-dropdown a[data-v-702109a0]:hover {
	color: #ff5a05;
	background: #353535
}

.common-header.black .common-header-wrapper .info .profile .profile-dropdown a .gc-icon[data-v-702109a0] {
	color: #888;
	font-size: 1.25rem
}


.fixed-header[data-v-637a7fc8] {
	position: fixed;
	cursor: pointer;
	left: 0;
	top: 0;
	right: 0;
	z-index: 100;
	background: #fff;
	-webkit-transition: -webkit-box-shadow .3s ease;
	transition: -webkit-box-shadow .3s ease;
	border-bottom: #e6e6e6 1px solid;
	transition: box-shadow .3s ease;
	transition: box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.fixed-header.fixed[data-v-637a7fc8] {
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .1);
	box-shadow: 0 0 1px rgba(0, 0, 0, .1)
}

.fixed-header[data-v-637a7fc8] .common-header {
	width: 1080px;
	margin: 0 auto;
	background: transparent;
	border-bottom: none
}

.fixed-header[data-v-637a7fc8] .common-header .common-header-wrapper {
	width: 100%;
	max-width: 100%
}
.display-important {

	display: block !important;

}